<!DOCTYPE html>
<html lang="en">
<head>

<meta charset="utf-8">
<link href="../bootstrap/css/bootstrap.css" rel="stylesheet">
<script type="text/javascript" src="../jquery-1.7.2.js"></script>
<script type="text/javascript" src="../bootstrap/js/bootstrap.js"></script>

<script type="text/javascript">
	$('.dropdown-toggle').dropdown();
</script>

</head>


<body>
	<!-- bar -->
	<div class="navbar">
		<div class="navbar-inner">
			<div class="span12 offset3">
				<div class="container">
					<a class="brand" href="index.html"><img
						src="img/header_logo.png">吾活着</a>
					<div class="nav-collapse">
						<ul class="nav">

							<li><a href="index5.html">解惑</a></li>
							<li><a href="http://5huozhe.com">点滴</a></li>
							<li><a href="group.html">小组</a></li>
							<li><a href="name.html">名人志</a></li>
						</ul>
						<ul class="nav pull-right">
							<li class="dropdown"><a href="#" class="dropdown-toggle"
								data-toggle="dropdown"><i class="icon-user icon-white"></i>&nbsp;明月江南<b
									class="caret"></b> </a>
								<ul class="dropdown-menu">
									<li><a href="setting_head.html"> <i class="icon-cog"></i>
											个人设置</a>
									</li>
									<li class="divider"></li>
									<li><a href="#"> <i class="icon-user"></i> 退出</a>
									</li>
								</ul></li>
						</ul>
					</div>
				</div>
			</div>
		</div>
	</div>


	<div class="container">
		<div class="span12">
			<div class="row-fluid">
				<div class="span2" style="text-align: center;">
					<img alt="" src="img/head1.jpg" />
					<div>明月江南</div>

					<br>
					<div>
						<ul class="nav nav-pills">
							<li><a href="my_follower.html"
								style="padding-left: 8px; padding-right: 8px;">56<br>关注</a>
							</li>
							<li><a href="follower_me.html"
								style="padding-left: 8px; padding-right: 8px;">290<br>粉丝</a>
							</li>
							<li><a href="#"
								style="padding-left: 8px; padding-right: 8px;">125<br>文章</a>
							</li>
						</ul>
					</div>
					<div>
						<a href="#" class="btn btn-success"><i
							class="icon-plus icon-white"></i>加关注</a>
					</div>
					<br>
					<ul class="nav nav-pills nav-stacked">
						<li><a href="my_index.html">个人首页</a></li>
						<li class="active"><a href="setting_basic.html">基本信息</a>
						</li>
						<li><a href="setting_head.html">修改头像</a>
						</li>
						<li><a href="setting_password.html">修改密码</a>
						</li>

					</ul>
				</div>
				<div class="span10">
					<form class="form-horizontal" name="" action="" method="post">
						<fieldset>
							<ul class="nav nav-tabs">
								<li class="active"><a href="my_follower.html">我的关注</a></li>
								<li ><a href="follower_me.html">我的粉丝</a>
								</li>
							</ul>
							<table class="table">
								<tr style="border-bottom: 1px dashed #DDDDDD;">
									<td class="span2"
										style="border-top: 0px solid #DDDDDD;font-size: 15px; width: 70px;"><img
										alt="" src="img/follower1.jpg">
									</td>
									<td class="span7" style="border-top: 0px solid #DDDDDD;"><a
										href="#">秦岚</a>
										<div>
											56&nbsp;<a href="#">关注</a> | 290&nbsp;<a href="#">粉丝</a> |
											125&nbsp;<a href="#">文章</a>
										</div>
										<div>简介:工作事宜请联络经理人张思聪：@IAm张思聪</div></td>
									<td class="span3"
										style="border-top: 0px solid #DDDDDD; text-align: right; font-size: 14px">
										&nbsp;
										<div>
											<a href="#" class="btn"><i
												class="icon-ok icon-white"></i>已关注</a>
										</div>
									</td>
								</tr>
								<tr style="border-bottom: 1px dashed #DDDDDD;">
									<td class="span2"
										style="border-top: 0px solid #DDDDDD; font-size: 15px; width: 70px;"><img
										alt="" src="img/follower2.jpg">
									</td>
									<td class="span7" style="border-top: 0px solid #DDDDDD;"><a
										href="#">可爱宠物中心</a>
										<div>
											56&nbsp;<a href="#">关注</a> | 290&nbsp;<a href="#">粉丝</a> |
											125&nbsp;<a href="#">文章</a>
										</div>
										<div>简介:这里是所有爱宠，爱心人士的集聚地，微博最全最广泛地收集各类宠物的生活写照，诚邀您来一起关注、爱护这些宠物！·····分享图片，摘自网络。</div>
									</td>
									<td class="span3"
										style="border-top: 0px solid #DDDDDD; text-align: right; font-size: 14px">
										&nbsp;
										<div>
											<a href="#" class="btn"><i
												class="icon-ok icon-white"></i>已关注</a>
										</div>
									</td>
								</tr>
								<tr style="border-bottom: 1px dashed #DDDDDD;">
									<td class="span2"
										style="border-top: 0px solid #DDDDDD; font-size: 15px; width: 70px;"><img
										alt="" src="img/follower3.jpg">
									</td>
									<td class="span7" style="border-top: 0px solid #DDDDDD;"><a
										href="#">凤凰读书</a>
										<div>
											56&nbsp;<a href="#">关注</a> | 290&nbsp;<a href="#">粉丝</a> |
											125&nbsp;<a href="#">文章</a>
										</div>
										<div>简介:凤凰网读书频道官方微博。分享一本好书就是传递一种思想，推荐一位作家就是延续一种精神。</div>
									</td>
									<td class="span3"
										style="border-top: 0px solid #DDDDDD; text-align: right; font-size: 14px">
										&nbsp;
										<div>
											<a href="#" class="btn"><i
												class="icon-ok icon-white"></i>已关注</a>
										</div>
									</td>
								</tr>
								<tr style="border-bottom: 1px dashed #DDDDDD;">
									<td class="span2"
										style="border-top: 0px solid #DDDDDD; font-size: 15px; width: 70px;"><img
										alt="" src="img/follower4.jpg">
									</td>
									<td class="span7" style="border-top: 0px solid #DDDDDD;"><a
										href="#">哲理与感悟</a>
										<div>
											56&nbsp;<a href="#">关注</a> | 290&nbsp;<a href="#">粉丝</a> |
											125&nbsp;<a href="#">文章</a>
										</div>
										<div>简介:分享人生的哲理与感悟</div>
									</td>
									<td class="span3"
										style="border-top: 0px solid #DDDDDD; text-align: right; font-size: 14px">
										&nbsp;
										<div>
											<a href="#" class="btn"><i
												class="icon-ok icon-white"></i>已关注</a>
										</div>
									</td>
								</tr>
								<tr style="border-bottom: 1px dashed #DDDDDD;">
									<td class="span2"
										style="border-top: 0px solid #DDDDDD; font-size: 15px; width: 70px;"><img
										alt="" src="img/follower5.jpg">
									</td>
									<td class="span7" style="border-top: 0px solid #DDDDDD;"><a
										href="#">芮成钢</a>
										<div>
											56&nbsp;<a href="#">关注</a> | 290&nbsp;<a href="#">粉丝</a> |
											125&nbsp;<a href="#">文章</a>
										</div>
										<div>简介:大智兴邦, 不过集众思</div></td>
									<td class="span3"
										style="border-top: 0px solid #DDDDDD; text-align: right; font-size: 14px">
										&nbsp;
										<div>
											<a href="#" class="btn"><i
												class="icon-ok icon-white"></i>已关注</a>
										</div>
									</td>
								</tr>
							</table>
							<div class="pagination pagination-right" style="margin-right:50px;">
								<ul>
									<li><a href="#">前一页</a></li>
									<li class="active"><a href="#">1</a>
									</li>
									<li><a href="#">2</a></li>
									<li><a href="#">3</a></li>
									<li><a href="#">4</a></li>
									<li><a href="#">后一页</a></li>
								</ul>
							</div>
						</fieldset>
					</form>
				</div>
			</div>


		</div>
	</div>


</body>
</html>